<%@page import="java.util.ArrayList"%>
<%@page import="java.util.Collections"%>
<%@page import="java.util.Random"%>
<%@page import="licitaciones.modelo.gestor.GestorPrincipal"%>
<%@page import="licitaciones.beans.BeanSesion"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>

    <head>
        <title>Computaci&oacute;n te&oacute;rica</title>
        <meta name="description" content="website description" />
        <meta name="keywords" content="website keywords, website keywords" />
        <meta http-equiv="content-type" content="text/html; charset=windows-1252" />
        <link rel="stylesheet" type="text/css" href="style/style.css" />
        <link href="css/UI/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" /> 
        <script type="text/javascript" src="script/jquery-1.6.4.js"></script> 
        <script type="text/javascript" src="script/UI/jquery-ui-1.8.16.custom.js"></script> 
        <script type="text/javascript">  
            $(document).ready(function() {
                $('input[type=submit]').button();
                $('#logo_text').hide();
                $('#logo_text').fadeIn(3000, function(){});
                
            });
        </script>

    </head>

    <body>
        <div id="main">
            <div id="header">
                <div id="logo">
                    <div id="logo_text">
                        <!-- class="logo_colour", allows you to change the colour of the text -->
                        <h1><a href="index.html">Realidad<span class="logo_colour">Aumentada</span></a></h1>
                        <h2>Un mundo matem&aacute;tico y cient&iacute;fico</h2>
                    </div>
                </div>
                <div id="menubar">
                    <ul id="menu">
                        <li><a href="articulos.jsp">P&aacute;gina principal</a></li>
                        <li><a href="contact.jsp">Contactos</a></li>                        
                    </ul>                    
                </div>
            </div>
            <div id="site_content">
                <div class="sidebar">                    
                    <h1>Sitios recomendados</h1>
                    <ul>
                        <%
                            GestorPrincipal gp = GestorPrincipal.obtenerInstancia();
                            ArrayList<Integer> salidos = new ArrayList<Integer>();
                            Random rnd = new Random();
                            ArrayList<Object[]> publicidad = gp.listarPublicidad();
                            for (int i = 0; (i < 4) && i < publicidad.size(); i++) {
                                int pos = rnd.nextInt(publicidad.size());
                                while (salidos.contains(pos)) {
                                    pos = rnd.nextInt(publicidad.size());
                                }
                                salidos.add(pos);
                                out.print("<li><a href='Aumentar?nombre=" + publicidad.get(pos)[0] + "'>" + publicidad.get(pos)[0] + "</a></li>");
                            }
                        %>                        
                    </ul>                    
                </div>
                <div id="content">
                    <h1>Registrar nuevo usuario</h1>
                    <form method="post" action="RegistrarUsuario">
                        <table>
                            <tr>
                                <td class="ui-corner-all">
                                    Nombre completo:
                                </td>
                                <td class="ui-corner-all">
                                    <input name="nombre" style="width: 400px"/>
                                </td>
                            </tr>
                            <tr>
                                <td class="ui-corner-all">
                                    Correo electrónico:
                                </td>
                                <td class="ui-corner-all">
                                    <input name="email" style="width: 400px"/>
                                </td>
                            </tr>
                            <tr>
                                <td class="ui-corner-all">
                                    Contraseña:
                                </td>
                                <td class="ui-corner-all">
                                    <input name="clave1" type="password" style="width: 400px"/>
                                </td>
                            </tr>
                            <tr>
                                <td class="ui-corner-all">
                                    Repetir contraseña:
                                </td>
                                <td class="ui-corner-all">
                                    <input name="clave2" type="password" style="width: 400px"/>
                                </td>
                            </tr>
                            <tr>
                                <td class="ui-corner-all"></td>
                                <td class="ui-corner-all">
                                    <input type="submit" value="Registrar usuario" />
                                </td>
                            </tr>
                        </table>                        
                    </form>
                </div>
            </div>
            <div id="footer">
                <p><a href="index.html">Home</a> | <a href="contact.html">Contact Us</a></p>
                <p>Copyright &copy; Realidad Aumentada<a href="http://www.html5webtemplates.co.uk"></a></p>
            </div>
        </div>
        <div style="text-align: center; font-size: 0.75em;"></div></body>
</html>